<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../util/jquery-3.4.0.js"></script>
    <script src="../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <script src="../js/jurisdiction.js"></script>
    <link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css">
    <style>
        .seek-jurisdiction {
            margin-top: 15%;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row seek-jurisdiction">
        <div class="col-lg-2 col-lg-offset-4 col-md-2 col-md-offset-4">
            <input type="text" class="form-control jurisdiction-text" placeholder="请输入账号">
        </div>
        <div class="col-lg-2 col-md-2">
            <button type="button" class="btn btn-primary btn btn-default jurisdiction-btn1" data-toggle="modal">
                修改
            </button>
        </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">权限管理</h4>
            </div>
            <div class="modal-body">
                <table class="table">
                    <tr>
                        <th>权限名字</th>
                        <th>是</th>
                        <th>否</th>
                    </tr>
                    <tr>
                        <td>班级管理</td>
                        <td><input type="radio" name="班级管理" id="class1"></td>
                        <td><input type="radio" name="班级管理" id="class2"></td>

                    </tr>
                    <tr>
                        <td>学生管理</td>
                        <td><input type="radio" name="学生管理"></td>
                        <td><input type="radio" name="学生管理"></td>

                    </tr>
                    <tr>
                        <td>职工管理</td>
                        <td><input type="radio" name="职工管理"></td>
                        <td><input type="radio" name="职工管理"></td>

                    </tr>
                    <tr>
                        <td>考勤管理</td>
                        <td><input type="radio" name="考勤管理"></td>
                        <td><input type="radio" name="考勤管理"></td>
                    </tr>
                    <tr>
                        <td>时光轴</td>
                        <td><input type="radio" name="时光轴"></td>
                        <td><input type="radio" name="时光轴"></td>
                    </tr>
                    <tr>
                        <td>公告栏</td>
                        <td><input type="radio" name="公告栏"></td>
                        <td><input type="radio" name="公告栏"></td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>